<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>사이트 제목</title>
		<style type="text/css">
			<!--
				html, body
				{
					margin:0px;
					padding:0px;
					font-size: 11px; 
					font-family: '돋움';
					line-height: 13px; 
				}
			-->
		</style>
	</head>


	<body>
		<div style='position:absolute;  left:50%; margin-left:-641px; width:1282px; height:2711px; background-image: url("img/03.jpg");' >

			<!--상단 메뉴 시작-->
				<div style='position:absolute;left:55px;top:15px;width:250px;height:150px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					logo.jpg (250x150)
				</div>

				<div style='position:absolute;left:403px;top:137px;width:110px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m1
				</div>
				<div style='position:absolute;left:554px;top:137px;width:115px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m2
				</div>
				<div style='position:absolute;left:709px;top:137px;width:45px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m3
				</div>
				<div style='position:absolute;left:792px;top:137px;width:41px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m4
				</div>
				<div style='position:absolute;left:863px;top:137px;width:67px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m5
				</div>
				<div style='position:absolute;left:963px;top:137px;width:114px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m6
				</div>
				<div style='position:absolute;left:1103px;top:137px;width:55px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					m7
				</div>

				<div style='position:absolute;left:451px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>
				<div style='position:absolute;left:601px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>
				<div style='position:absolute;left:725px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>
				<div style='position:absolute;left:806px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>
				<div style='position:absolute;left:891px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>
				<div style='position:absolute;left:1013px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>
				<div style='position:absolute;left:1123px;top:0px;width:15px;height:135px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					bar (15x135)
				</div>

				<div style='position:absolute;left:1135px;top:35px;width:65px;height:35px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					link<br>
					(65x15)
				</div>

				<div style='position:absolute;left:54px;top:170px;width:1210px;height:1px;background:#525051;'><span></span></div>

			<!--상단 메뉴 끝-->

			<!--페이지 상단 부분 시작-->

				<div style='position:absolute;left:54px;top:192px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>
				<div style='position:absolute;left:54px;top:218px;width:920px;height:790px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>

				</div>

			<!--페이지 상단 부분 끝-->

			<!--메인 가운데 부분 시작-->

				<div style='position:absolute;left:54px;top:1012px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>

				<div style='position:absolute;left:54px;top:1041px;width:451px;height:1px;background:#525051;'><span></span></div>
				<div style='position:absolute;left:54px;top:1053px;width:451px;height:302px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (451x302)
				</div>
				<div style='position:absolute;left:54px;top:1363px;width:451px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					subtitle (451x20)
					
				</div>
				<div style='position:absolute;left:54px;top:1389px;width:451px;height:30px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					두 줄 설명이 들어갑니다.<br>
					당신의 공간을 ... description (451x30)
					
				</div>

				<?
					for($i=0;$i<4;$i++)
					{
						?>
				<div style='position:absolute;left:54px;top:<? echo 1041+$i*390; ?>px;width:451px;height:1px;background:#525051;'><span></span></div>
				<div style='position:absolute;left:54px;top:<? echo 1053+$i*390; ?>px;width:451px;height:302px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (451x302)
				</div>
				<div style='position:absolute;left:54px;top:<? echo 1363+$i*390; ?>px;width:451px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					subtitle (451x20)
					
				</div>
				<div style='position:absolute;left:54px;top:<? echo 1389+$i*390; ?>px;width:451px;height:30px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					두 줄 설명이 들어갑니다.<br>
					당신의 공간을 ... description (451x30)
					
				</div>

				<?
					}
				?>

				<div style='position:absolute;left:531px;top:1012px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>

				<div style='position:absolute;left:531px;top:1041px;width:451px;height:1px;background:#525051;'><span></span></div>
				<div style='position:absolute;left:531px;top:1053px;width:451px;height:302px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (451x302)
				</div>
				<div style='position:absolute;left:531px;top:1363px;width:451px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					subtitle (451x20)
					
				</div>
				<div style='position:absolute;left:531px;top:1389px;width:451px;height:30px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					두 줄 설명이 들어갑니다.<br>
					당신의 공간을 ... description (451x30)
					
				</div>

				<?
					for($i=0;$i<4;$i++)
					{
						?>
				<div style='position:absolute;left:531px;top:<? echo 1041+$i*390; ?>px;width:451px;height:1px;background:#525051;'><span></span></div>
				<div style='position:absolute;left:531px;top:<? echo 1053+$i*390; ?>px;width:451px;height:302px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (451x302)
				</div>
				<div style='position:absolute;left:531px;top:<? echo 1363+$i*390; ?>px;width:451px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					subtitle (451x20)
					
				</div>
				<div style='position:absolute;left:531px;top:<? echo 1389+$i*390; ?>px;width:451px;height:30px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					두 줄 설명이 들어갑니다.<br>
					당신의 공간을 ... description (451x30)
					
				</div>

				<?
					}
				?>

			<!--메인 가운데 부분 끝-->



			<!--메인 우측 부분 시작-->

				<div style='position:absolute;left:999px;top:192px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>
				<div style='position:absolute;left:999px;top:227px;width:211px;height:360px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					안녕하세요<br>
					작업과<br>
					디자이너<br>

				</div>

				<div style='position:absolute;left:999px;top:597px;width:211px;height:1px;background:#525051;'><span></span></div>

				<div style='position:absolute;left:999px;top:607px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>
				<div style='position:absolute;left:999px;top:642px;width:211px;height:290px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					2011/05/15<br>
					Ugly Duckly<br>
					<br>

				</div>

				<div style='position:absolute;left:999px;top:942px;width:211px;height:1px;background:#525051;'><span></span></div>

				<div style='position:absolute;left:999px;top:952px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>
				<div style='position:absolute;left:1005px;top:1008px;width:206px;height:138px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (206x138)
				</div>
				<div style='position:absolute;left:1005px;top:1162px;width:206px;height:138px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (206x138)
				</div>
				<div style='position:absolute;left:1005px;top:1316px;width:206px;height:138px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					photo (206x138)
				</div>

			<!--메인 우측 부분 끝-->


			<!--하단부 시작-->
				<div style='position:absolute;left:54px;top:2605px;width:1210px;height:1px;background:#525051;'><span></span></div>
				<div style='position:absolute;left:54px;top:2625px;width:180px;height:20px;background:#E2FBE1;opacity:0.5;filter: alpha(opacity = 50);'>
					title (180x20)
					
				</div>
				<div style='position:absolute;left:54px;top:2662px;width:1210px;height:1px;background:#525051;'><span></span></div>

			<!--하단부 끝-->
		</div>
	</body>
</html>